<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CSS常用文本属性_文本对齐_水平</title>
</head>
<style>
  /*
  属性名:text-align
  作用:控制文本你的水平对齐方式
  常用值:1.left:左对齐
        2.right:右对齐
        3.center:居中对齐
  */
  #left{
    text-align: left;
  }
  #right{
    text-align: right;
  }
  #center{
    text-align: center;
  }
</style>
<body>
<div id="left">我要让文本左对齐</div>
<div id="right">我要让文本左对齐</div>
<div id="center">我要让文本左对齐</div>
</body>
</html>